<!DOCTYPE html>
<html>

	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
		<title>动态</title>
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/main.css" />
	</head>

	<body>
		<div class="mask"></div>
		<!--顶部-->
		<div class="txt-oparate row">
			<a href="#">取消</a>
			<a href="#" class="public">完成</a>
		</div>
		<!--顶部-->
		<!--内容-->
		<div class="container pt2 policybox">
			<ul>
				<li class="row">
					<label>代理公司</label>
					<a href="#" class="row">
						<span class="please">请选择</span>
						<div class="row">
							<i class="iconfont icon-arrow-right"></i>
						</div>
					</a>
				</li>
				<li class="row">
					<label>代理公司</label>
					<a href="#" class="row agents" onclick="agentType(this)">
						<span class="please">请选择</span>
						<div class="row">
							<i class="iconfont icon-arrow-right"></i>
						</div>
					</a>
				</li>
			</ul>
			<div class="block4"></div>
			<ul>
				<li class="row">
					<label>佣金点数</label>
					<a href="#" class="row">
						<input type="text" placeholder="请输入" />
						<div class="row">
							<em>%</em>
							<i class="iconfont icon-arrown-fill-down"></i>
						</div>
					</a>
				</li>
				<li class="row">
					<label>成交奖</label>
					<a href="#" class="row">
						<input type="text" placeholder="请输入" />
						<div class="row">
						</div>
					</a>
				</li>
				<li class="row">
					<label>带看奖</label>
					<a href="#" class="row">
						<input type="text" placeholder="请输入" />
						<div class="row">
							<em>元</em>
						</div>
					</a>
				</li>
			</ul>
			<div class="block4"></div>
			<ul>
				<li class="row">
					<label>可垫资结佣</label>
					<i class="iconfont icon-checkBox" onclick="choice(this)"></i>
				</li>
				<li class="row">
					<label>可指定接待</label>
					<i class="iconfont icon-checkBox" onclick="choice(this)"></i>
				</li>
			</ul>
			<div class="block4"></div>
			<ul>
				<li class="row">
					<label>报备时间</label>
					<a href="#" class="row report">
						<input type="text" placeholder="请输入" />
						<div class="row">
							<em>小时提前报备</em>
						</div>
					</a>
				</li>
			</ul>
			<div class="block4"></div>
			<ul>
				<li class="row">
					<label>备注</label>
					<a href="remark.html" class="row mark">
						<span>选填，补充说明</span>
						<i class="iconfont icon-arrow-right"></i>
					</a>
				</li>
			</ul>
		</div>
		<!--内容-->
		<!--代理类型-->
		<div class="same agent-type hide">
			<ul>
				<li class="row" onclick="clickA(this)"><span>独家代理</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this)"><span>联合代理</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this)"><span>包销房源</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this)"><span>分销代理</span><i class="iconfont"></i></li>
				<li class="row" onclick="clickA(this)"><span>二手委托</span><i class="iconfont"></i></li>
				<li class="row"><span>其他</span><a href="other_type.html" class="iconfont icon-arrow-right"></a></li>
			</ul>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/wap.js"></script>
		<script type="text/javascript">
			function choice(e){
				if($(e).hasClass('icon-checkBox')){
					$(e).removeClass('icon-checkBox').addClass('icon-check-fill');
				} else {
					$(e).removeClass('icon-check-fill').addClass('icon-checkBox');
				}
			}
			//选择代理类型
			var txt;
			function agentType(e){
				$('.agent-type').slideDown();
				$('.mask').fadeIn();
			}
			function clickA(e){
				$('.same ul li').removeClass('active');
				$('.same ul li').find('i').removeClass('icon-dagou');
				$(e).find('i').addClass('icon-dagou');
				$(e).addClass('active');
				txt = $(e).find('span').html();
				setTimeout(function(){
					$(e).parents('.agent-type').slideUp();
					$('.mask').fadeOut();
					$('.agents').find('span').html(txt);
					$('.agents').find('span').removeClass('please');
				},500)
			}
		</script>
	</body>

</html>